<template>
  <svg
    ref="logoSvg"
    width="190px"
    height="36px"
    viewBox="0 0 379 73"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
  >
    <title>logo</title>
    <g
      fill="currentColor"
      transform="translate(189.438913, 36.271891) scale(-1, 1) rotate(-180.000000) translate(-189.438913, -36.271891) translate(0.000000, 0.000000)"
    >
      <path
        id="w"
        class="p"
        d="M33.7778269,53.3618259 C33.1778269,51.7618259 31.7778269,48.0618259 30.6778269,45.0618259 C28.1778269,38.3618259 24.2778269,32.0618259 22.6778269,32.0618259 C21.3778269,32.0618259 22.2778269,45.2618259 23.8778269,49.5618259 C24.4778269,50.9618259 24.6778269,52.6618259 24.2778269,53.1618259 C22.8778269,55.5618259 19.4778269,53.4618259 12.7778269,45.9618259 C8.67782685,41.5618259 5.27782685,38.3618259 5.07782685,39.0618259 C4.67782685,40.0618259 5.87782685,45.9618259 7.47782685,51.3618259 C8.37782685,54.1618259 5.07782685,53.3618259 3.47782685,50.3618259 C1.57782685,46.4618259 -0.42217315,37.1618259 0.0778268501,33.6618259 C0.17782685,32.0618259 1.17782685,30.2618259 2.17782685,29.6618259 C3.77782685,28.7618259 4.87782685,29.4618259 9.87782685,35.0618259 C15.2778269,40.9618259 15.7778269,41.3618259 15.8778269,38.9618259 C15.8778269,34.1618259 17.8778269,30.3618259 21.3778269,28.5618259 C24.4778269,26.7618259 24.8778269,26.7618259 27.2778269,28.3618259 C30.7778269,30.7618259 34.3778269,36.3618259 36.8778269,43.4618259 C39.3778269,50.8618259 39.3778269,53.2618259 36.8778269,54.8618259 C35.0778269,55.9618259 34.6778269,55.7618259 33.7778269,53.3618259 Z"
      />
      <path
        id="u"
        class="p"
        d="M62.6778269,54.3618259 C61.8778269,53.3618259 60.1778269,49.9618259 58.8778269,46.7618259 C57.3778269,42.7618259 55.1778269,39.7618259 51.9778269,36.9618259 C47.4778269,32.8618259 47.3778269,32.8618259 47.0778269,35.2618259 C46.8778269,36.6618259 47.8778269,40.6618259 49.1778269,44.1618259 C51.6778269,50.8618259 51.6778269,53.0618259 49.2778269,53.0618259 C47.1778269,53.0618259 41.4778269,40.4618259 41.5778269,36.2618259 C41.6778269,33.9618259 42.5778269,31.9618259 44.1778269,30.2618259 C46.4778269,27.9618259 46.9778269,27.8618259 49.7778269,28.9618259 C51.3778269,29.6618259 53.4778269,31.0618259 54.4778269,32.1618259 C56.6778269,34.5618259 57.8778269,34.5618259 57.8778269,32.0618259 C57.8778269,27.6618259 66.5778269,26.4618259 69.2778269,30.5618259 C71.7778269,34.3618259 71.1778269,35.3618259 67.8778269,32.8618259 C65.5778269,31.2618259 64.5778269,30.9618259 63.6778269,31.8618259 C62.1778269,33.3618259 63.9778269,41.4618259 67.3778269,48.8618259 C68.7778269,51.8618259 69.8778269,54.6618259 69.8778269,55.1618259 C69.8778269,56.7618259 64.1778269,56.0618259 62.6778269,54.3618259 Z"
      />
      <path
        id="d"
        class="p"
        d="M100.677827,72.3618259 C99.6778269,72.0618259 98.2778269,69.2618259 96.6778269,64.2618259 L94.2778269,56.5618259 L90.0778269,55.9618259 C84.2778269,55.1618259 80.9778269,52.4618259 77.1778269,45.1618259 C73.3778269,37.8618259 72.9778269,32.9618259 75.8778269,30.0618259 C78.3778269,27.5618259 80.4778269,27.5618259 85.1778269,30.0618259 C88.6778269,31.9618259 88.9778269,31.9618259 89.4778269,30.3618259 C89.7778269,29.3618259 90.4778269,27.4618259 90.9778269,26.1618259 C92.4778269,22.5618259 94.4778269,25.1618259 95.2778269,31.7618259 C96.3778269,40.8618259 98.7778269,51.5618259 101.977827,61.3618259 C104.377827,68.6618259 104.677827,70.6618259 103.677827,71.5618259 C102.977827,72.1618259 101.677827,72.5618259 100.677827,72.3618259 Z M91.1778269,45.8618259 C90.5778269,38.4618259 89.1778269,35.9618259 84.7778269,33.7618259 C80.9778269,31.9618259 79.8778269,32.2618259 79.8778269,35.1618259 C79.8778269,39.2618259 88.2778269,52.0618259 90.9778269,52.0618259 C91.3778269,52.0618259 91.4778269,49.2618259 91.1778269,45.8618259 Z"
      />
      <path
        id="a"
        class="p"
        d="M116.877827,53.9618259 C112.977827,52.3618259 109.777827,48.9618259 107.277827,43.5618259 C104.477827,37.7618259 104.277827,34.3618259 106.477827,31.2618259 C108.577827,28.2618259 112.977827,28.3618259 116.677827,31.5618259 L119.677827,34.0618259 L122.677827,31.0618259 C124.377827,29.4618259 126.677827,28.0618259 127.777827,28.0618259 C130.177827,28.0618259 130.577827,29.5618259 128.377827,30.4618259 C126.177827,31.2618259 126.577827,38.3618259 129.277827,46.3618259 C130.777827,50.9618259 131.177827,53.3618259 130.477827,53.5618259 C127.077827,54.5618259 119.077827,54.7618259 116.877827,53.9618259 Z M122.877827,50.2618259 C122.877827,49.7618259 122.177827,47.1618259 121.377827,44.3618259 C119.877827,39.2618259 114.677827,33.4618259 112.777827,34.6618259 C111.577827,35.3618259 111.677827,39.7618259 112.977827,42.3618259 C115.577827,47.4618259 122.877827,53.2618259 122.877827,50.2618259 Z"
      />
      <path
        id="nd"
        class="p"
        d="M194.477827,72.1618259 C193.277827,71.6618259 191.877827,68.8618259 190.177827,63.7618259 L187.777827,56.0618259 L183.877827,56.0618259 C180.877827,56.0618259 179.077827,55.2618259 176.377827,52.8618259 C172.777827,49.7618259 167.877827,41.5618259 167.877827,38.6618259 C167.877827,36.8618259 158.277827,30.6618259 156.877827,31.5618259 C155.477827,32.4618259 155.677827,36.5618259 157.377827,43.0618259 C159.477827,50.7618259 159.277827,51.9618259 156.277827,52.6618259 C154.077827,53.2618259 152.777827,52.4618259 147.677827,47.4618259 L141.677827,41.5618259 L142.477827,45.0618259 C143.877827,51.2618259 143.577827,53.5618259 141.377827,53.8618259 C139.677827,54.0618259 139.077827,52.9618259 137.077827,46.2618259 C134.477827,37.1618259 134.277827,32.7618259 136.377827,31.0618259 C138.577827,29.1618259 140.477827,30.4618259 144.477827,36.5618259 C146.477827,39.5618259 148.577827,42.0618259 148.977827,42.0618259 C149.477827,42.0618259 149.877827,40.4618259 149.877827,38.4618259 C149.877827,27.4618259 159.277827,23.1618259 164.477827,31.8618259 L166.177827,34.8618259 L168.277827,31.7618259 C170.977827,27.7618259 173.877827,27.2618259 178.577827,30.0618259 C182.377827,32.2618259 183.877827,31.6618259 183.877827,27.8618259 C183.877827,26.9618259 184.377827,25.8618259 184.877827,25.5618259 C186.577827,24.4618259 188.877827,27.0618259 188.877827,30.0618259 C188.877827,35.6618259 191.977827,50.1618259 195.277827,60.1618259 C198.777827,70.9618259 198.677827,73.6618259 194.477827,72.1618259 Z M185.077827,46.3618259 C184.577827,39.6618259 183.077827,36.7618259 178.577827,34.0618259 C172.477827,30.2618259 171.877827,35.2618259 177.377827,44.5618259 C179.677827,48.4618259 183.277827,52.0618259 184.977827,52.0618259 C185.277827,52.0618259 185.377827,49.4618259 185.077827,46.3618259 Z"
      />
      <path
        id="o"
        class="p"
        d="M216.377827,57.0618259 C215.277827,56.6618259 212.777827,56.4618259 210.777827,56.7618259 C207.677827,57.1618259 206.877827,56.8618259 204.177827,53.7618259 C202.477827,51.8618259 200.277827,47.8618259 199.377827,45.0618259 C196.577827,36.7618259 198.677827,30.2618259 204.777827,27.9618259 C208.377827,26.5618259 210.577827,27.7618259 213.577827,32.8618259 C215.977827,36.8618259 216.377827,38.5618259 216.177827,44.3618259 C216.077827,51.0618259 216.077827,51.0618259 219.677827,53.5618259 C221.977827,55.1618259 224.777827,56.0618259 227.177827,56.0618259 C229.477827,56.0618259 230.777827,56.4618259 230.377827,57.0618259 C229.677827,58.2618259 219.177827,58.2618259 216.377827,57.0618259 Z M210.377827,43.5618259 C209.777827,39.1618259 206.377827,33.0618259 204.177827,32.3618259 C200.377827,31.0618259 202.477827,42.6618259 207.077827,48.5618259 C208.977827,50.9618259 209.277827,51.0618259 210.177827,49.5618259 C210.677827,48.6618259 210.777827,45.9618259 210.377827,43.5618259 Z"
      />
      <path
        id="ng"
        class="p"
        d="M279.377827,58.3618259 C277.277827,54.5618259 274.877827,52.8618259 274.877827,55.2618259 C274.877827,56.0618259 273.677827,57.3618259 272.077827,58.2618259 C269.677827,59.7618259 269.077827,59.7618259 266.377827,58.3618259 C259.277827,54.7618259 254.977827,47.9618259 254.877827,40.3618259 C254.877827,36.4618259 254.577827,35.9618259 250.277827,33.4618259 C246.477827,31.2618259 245.477827,30.9618259 244.777827,32.1618259 C243.877827,33.7618259 244.477827,39.3618259 246.477827,45.9618259 C247.477827,49.2618259 247.477827,50.8618259 246.677827,51.7618259 C244.577827,54.3618259 241.477827,53.0618259 236.277827,47.5618259 C233.377827,44.5618259 230.777827,42.0618259 230.577827,42.0618259 C230.277827,42.0618259 230.477827,43.5618259 230.977827,45.2618259 C232.577827,50.8618259 232.177827,54.0618259 229.877827,54.0618259 C228.277827,54.0618259 227.477827,52.4618259 225.377827,45.7618259 C222.577827,36.5618259 222.377827,34.7618259 223.877827,31.9618259 C225.777827,28.4618259 228.477827,29.7618259 232.477827,36.0618259 C234.677827,39.3618259 236.677827,42.0618259 236.977827,42.0618259 C237.377827,42.0618259 237.877827,39.9618259 238.177827,37.4618259 C238.777827,31.6618259 241.677827,27.6618259 245.477827,27.2618259 C247.877827,26.9618259 249.077827,27.6618259 251.977827,31.0618259 L255.577827,35.1618259 L257.277827,32.5618259 C258.177827,31.1618259 258.677827,29.5618259 258.377827,29.0618259 C256.877827,26.5618259 259.377827,23.7618259 265.377827,21.0618259 C268.777827,19.5618259 271.977827,17.7618259 272.377827,17.0618259 C273.477827,15.2618259 269.677827,10.8618259 264.677827,8.26182588 C258.977827,5.36182588 254.077827,5.96182588 251.577827,9.86182588 C249.977827,12.4618259 249.977827,12.5618259 249.877827,10.2618259 C249.877827,7.76182588 252.577827,1.96182588 254.277827,0.861825875 C260.277827,-3.13817412 277.877827,7.66182588 277.877827,15.2618259 C277.877827,17.8618259 272.477827,23.4618259 267.877827,25.5618259 C263.177827,27.6618259 262.877827,28.5618259 266.677827,29.8618259 C273.477827,32.1618259 278.877827,39.4618259 278.877827,46.1618259 C278.877827,48.2618259 279.977827,50.5618259 282.377827,53.3618259 C286.277827,57.8618259 286.677827,61.3618259 283.377827,61.8618259 C281.977827,62.0618259 280.777827,61.0618259 279.377827,58.3618259 Z M272.677827,52.8618259 C275.577827,49.9618259 272.477827,41.3618259 266.777827,36.6618259 C261.477827,32.1618259 258.977827,34.2618259 260.377827,41.7618259 C260.977827,45.3618259 268.077827,54.0618259 270.277827,54.0618259 C270.977827,54.0618259 271.977827,53.5618259 272.677827,52.8618259 Z"
      />
      <path
        id="point"
        class="p"
        d="M289.577827,35.3618259 C288.377827,34.1618259 288.877827,30.3618259 290.377827,29.0618259 C291.577827,28.0618259 292.377827,28.1618259 294.377827,29.4618259 C297.077827,31.2618259 297.577827,32.9618259 295.677827,34.8618259 C294.377827,36.1618259 290.677827,36.4618259 289.577827,35.3618259 Z"
      />
      <path
        id="t"
        class="p"
        d="M314.577827,70.2618259 C313.677827,69.2618259 311.277827,65.3618259 309.277827,61.5618259 C307.377827,57.6618259 305.177827,54.2618259 304.577827,53.8618259 C303.977827,53.4618259 303.377827,51.4618259 303.277827,49.3618259 C303.177827,47.2618259 302.777827,42.8618259 302.377827,39.5618259 C301.777827,34.2618259 301.977827,33.1618259 304.077827,30.0618259 C307.477827,25.0618259 312.277827,24.7618259 317.377827,29.1618259 C320.777827,32.1618259 324.677827,38.0618259 323.277827,38.0618259 C322.977827,38.0618259 320.977827,36.7618259 318.977827,35.1618259 C309.977827,28.0618259 307.377827,28.4618259 308.177827,36.8618259 C308.477827,39.9618259 309.277827,44.2618259 310.077827,46.4618259 C311.177827,49.7618259 312.077827,50.5618259 316.677827,52.2618259 C322.377827,54.3618259 322.677827,56.0618259 317.277827,56.0618259 C315.377827,56.0618259 313.877827,56.3618259 313.877827,56.8618259 C313.877827,57.2618259 314.977827,60.2618259 316.277827,63.4618259 C319.377827,70.9618259 318.477827,74.5618259 314.577827,70.2618259 Z"
      />
      <path
        id="op"
        class="p"
        d="M366.377827,57.9618259 C365.277827,57.3618259 363.377827,55.7618259 362.277827,54.3618259 L360.177827,51.8618259 L358.977827,55.0618259 L357.877827,58.3618259 L350.177827,57.6618259 C345.877827,57.2618259 340.877827,56.9618259 339.077827,56.9618259 C334.077827,57.0618259 332.377827,55.6618259 328.977827,48.8618259 C323.977827,38.8618259 325.377827,30.7618259 332.677827,27.9618259 C338.477827,25.7618259 344.277827,34.3618259 343.677827,44.3618259 L343.377827,50.4618259 L347.477827,53.3618259 C350.277827,55.3618259 352.477827,56.1618259 354.577827,55.8618259 L357.577827,55.5618259 L351.277827,33.0618259 C344.377827,8.66182588 343.677827,3.76182588 346.877827,2.06182588 C348.377827,1.26182588 348.977827,1.26182588 349.377827,2.26182588 C350.477827,5.46182588 357.877827,37.4618259 357.877827,39.2618259 C357.877827,45.2618259 367.777827,57.8618259 371.377827,56.3618259 C374.977827,55.0618259 373.377827,44.4618259 368.777827,38.0618259 C365.377827,33.4618259 363.077827,32.1618259 361.777827,34.1618259 C361.077827,35.2618259 360.877827,35.2618259 360.877827,33.8618259 C360.877827,31.8618259 365.477827,28.0618259 367.877827,28.0618259 C371.677827,28.0618259 378.877827,39.9618259 378.877827,46.1618259 C378.877827,50.2618259 376.477827,55.4618259 373.777827,57.4618259 C371.077827,59.3618259 369.177827,59.4618259 366.377827,57.9618259 Z M337.677827,44.5618259 C337.277827,37.8618259 334.677827,32.5618259 331.777827,32.5618259 C328.477827,32.5618259 329.777827,40.4618259 334.077827,47.8618259 C337.077827,52.8618259 338.177827,51.8618259 337.677827,44.5618259 Z"
      />
    </g>
  </svg>
</template>

<script lang="ts" setup>
import { onMounted, ref } from "vue";

const logoSvg = ref<any>(null);

onMounted(() => {
  if (logoSvg.value) {
    const paths = logoSvg.value.querySelectorAll("path");
    if (paths.length) {
      paths.forEach((path: any, index: number) => {
        setTimeout(() => {
          path.style.opacity = "1";
        }, 100 * index);
      });
    }
  }
});
</script>

<style scoped lang="scss">
.p {
  transition: opacity 0.1s ease-in-out;
  opacity: 0;
}
</style>
